<template>
  <div>
    <div>
      <div class="infor1">
        <span class="infor2"><b>场次：</b> {{ chosePid }} </span>
        <span class="infor3"><b>放映厅：</b> {{ choseCname }} </span>
        <span class="infor4"
          ><b>放映时间：</b> {{ chosePlayTime }}
        </span>
      </div>
      <div class="infor5">
        <div class="infor6">
          <img :src="imgUrl" class="infor7" />
        </div>
        <div class="infor8">
          <div class="infor9">
            <span><b>电影名：</b> {{ choseMovieName }} </span><br />
            <span><b>导演：</b> {{ choseMovieDir }} </span><br />
            <span><b>主演：</b> {{ choseMovieRole }} </span><br />
            <span><b>类型：</b> {{ choseMovieType }} </span><br />
            <span><b>电影时长：</b> {{ choseMovieDuration }} 分钟</span><br />
            <span
              ><b>电影简介：</b><span class="infor10"> {{ choseMovieDesn }} </span></span
            ><br />
          </div>
          <div class="infor11">
            <span><b>电影评分：</b></span
            ><br />
            <span class="infor12"
              ><b> {{ choseMovieRate }} </b></span
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue'
import '@/assets/scss/userCom/infor.scss'
const chosePid = ref()
const choseCname = ref()
const chosePlayTime = ref()
const choseMovieName = ref()
const choseMovieDir = ref()
const choseMovieRole = ref()
const choseMovieType = ref()
const choseMovieDuration = ref()
const choseMovieDesn = ref()
const choseMovieRate = ref()
const imgUrl = ref('')
defineExpose({
  chosePid,
  choseCname,
  choseMovieDuration,
  choseMovieDesn,
  choseMovieRate,
  chosePlayTime,
  choseMovieName,
  choseMovieDir,
  choseMovieRole,
  choseMovieType,
  imgUrl
})
</script>


